<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" prefix="og: http://ogp.me/ns#" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content="Prototype Node Based Shader Editor in WebGL to edit and create materials interactively with nodes, where you can drag and drop textures and use multiple features similar to other editors" />
    <meta property="og:title" content="Node Based Shader Editor in WebGL"/>
    <meta property="og:image" content="https://victhorlopez.github.io/editor/img/demo.jpg"/>
    <meta property="og:type" content="article"/>
    <meta property="og:description" content="Prototype Node Based Shader Editor in WebGL to edit and create materials interactively with nodes, where you can drag and drop textures and use multiple features similar to other editors"/>
    <meta property="og:url" content="https://victhorlopez.github.io/editor/" />
    <title>Node Based Shader Editor in WebGL</title>

    <link rel="stylesheet" type="text/css" href="css/external/font-awesome-4.3.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/external/litegraph.css"/>
    <link rel="stylesheet" type="text/css" href="css/external/highlight/monokai_sublime.css"/>
    <link rel="stylesheet" type="text/css" href="css/external/w2ui.dark1.css"/>


    <script type="text/javascript" src="js/external/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/external/w2ui.cutted-1.4.2.js"></script>
    <script type="text/javascript" src="js/external/dat.gui.js"></script>

    <script type="text/javascript" src="js/external/highlight.pack.js"></script>


    <script type="text/javascript" src="js/external/gl-matrix.js"></script>
    <script type="text/javascript" src="js/external/litegl.js"></script>
    <script type="text/javascript" src="js/external/litegraph.js"></script>
    <script type="text/javascript" src="js/external/Canvas2DtoWebGL.js"></script>
    <script type="text/javascript" src="js/external/nodes_for_shader_editor.js"></script>

    <script type="text/javascript" src="js/external/ez.render.js"></script>

    <script type="text/javascript" src="js/ui.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>

    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-85785506-1', 'auto');
    ga('send', 'pageview');
    setTimeout("ga('send','event','adjusted bounce rate','page visit 30 seconds or more')",30000);
    </script>

</head>
<body>
<div id="layout" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;"></div>
<div class="w2ui-panel-tabs w2ui-reset w2ui-tabs" style="top: 0px; display: block;">
    <div class="w2ui-tab active closable" title="" style="">myTab</div>
</div>
<script type="text/javascript">
    (function () {
        vik.app.init();
    })();
</script>
</body>
</html>
